<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<#assign base=request.contextPath  />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>集充充后台登录系统</title>
    <script src="${base}/js/jquery-1.8.3.min.js"></script>
    <link rel="stylesheet" href="${base}/frame/layui/css/layui.css">
    <link rel="stylesheet" href="${base}/frame/static/css/style.css">
    <link rel="icon" href="${base}/frame/static/image/code.png">
    <style type="text/css">

        html .skin-0 .dblclick-tips-box i.layui-layer-TipsB {
            border-right-color: #393D49;
        }

        html .skin-0 .dblclick-tips-box .layui-layer-content {
            background-color: #393D49;
        }

    </style>
</head>
<body>

<!-- layout admin -->
<div class="layui-layout-admin">
    <!-- header -->
    <div class="layui-header my-header">
        <#--<img style="height: 60px;margin-left:10px;" src="${base}/frame/static/image/logoDaiZi.png"/>-->
        <a href="${base}/comUser/index.html">
            <div class="my-header-logo" style="font-size: 16px;color: #c1c2c6;"><strong style="font-size: 30px;color: #9ac747;">集充充 </strong> 平台账户管理</div>
        </a>
            <div class="my-header-btn">
                <button class="layui-btn layui-btn-small layui-btn-sm btn-nav "style="background-color:#9ac747;"><i class="layui-icon">&#xe668;</i></button>
            </div>
        <!-- 顶部右侧添加选项卡监听 -->
        <ul class="layui-nav my-header-user-nav" lay-filter="side-top-right">
            <li class="layui-nav-item">
                <a style="font-size: 16px;" class="roleId" href="javascript:;" id="roleId"><i class="layui-icon" style="color: #9ac747;font-size: 16px;font-weight: bold">&#xe756; </i>  用户:${user.callPhone}
                    &nbsp;&nbsp;职位:</a>
                <dl class="layui-nav-child">
                    <dd><a href="login.html"><i class="layui-icon">&#x1006;</i>登出</a></dd>
                </dl>
            </li>
            </li>
        </ul>
    </div>
    <!-- side -->
    <div class="layui-side my-side"
         style="top: 61px;">
        <div class="layui-side-scroll">
            <!-- 左侧主菜单添加选项卡监听 -->
            <ul class="layui-nav layui-nav-tree" lay-filter="side-main" id="nav_list">
            <#--<li class="layui-nav-item  layui-nav-itemed">-->
            <#--<a href="javascript:;"><i class="layui-icon">&#xe620;</i>认证管理</a>-->
            <#--<dl class="layui-nav-child">-->
                <!--<dd><a href="javascript:;" href-url="demo/企业认证.html"><i class="layui-icon"></i>企业认证</a></dd>
                <dd><a href="javascript:;" href-url="demo/桩源认证.html"><i class="layui-icon"></i>桩源认证</a></dd>
                <dd><a href="javascript:;" href-url="demo/车源认证.ftl"><i class="layui-icon"></i>车源认证</a></dd>
                <dd><a href="javascript:;" href-url="demo/个人认证.html"><i class="layui-icon"></i>个人认证</a></dd> -->
            <#--<dd><a href="javascript:;" href-url="${base}/company/main.html"><i class="layui-icon"></i>企业认证</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="demo/404.html"><i class="layui-icon"></i>桩源认证</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="${base}/comCar/main.html"><i class="layui-icon"></i>车源认证</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="${base}/comPeople/main.html"><i class="layui-icon"></i>个人认证</a></dd>-->
            <#--</dl>-->
            <#--</li>-->
            <#--<li class="layui-nav-item">-->
            <#--<a href="javascript:;"><i class="layui-icon">&#xe628;</i>平台管理</a>-->
            <#--<dl class="layui-nav-child">-->
            <#--<dd><a href="javascript:;" href-url="${base}/caradmin/main.html"><i class="layui-icon"></i>车辆管理</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="${base}/caradmin/Recharge.html"><i class="layui-icon"></i>充值记录</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="${base}/caradmin/Distribution.html"><i class="layui-icon"></i>分配记录</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="${base}/password/main.html"><i class="layui-icon"></i>密码管理</a></dd>-->
            <#--</dl>-->
            <#--</li>-->
            <#--<li class="layui-nav-item">-->
            <#--<a href="javascript:;"><i class="layui-icon">&#xe60b;</i>账单管理</a>-->
            <#--<dl class="layui-nav-child">-->
            <#--<dd><a href="javascript:;" href-url="${base}/comChargeInfo/main.html"><i class="layui-icon"></i>充电明细</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="${base}/comChargeInfo/money.html"><i class="layui-icon"></i>资金明细</a></dd>-->
            <#--</dl>-->
            <#--</li>-->
            <#--<li class="layui-nav-item">-->
            <#--<a href="javascript:;"><i class="layui-icon">&#xe606;</i>客服管理</a>-->
            <#--<dl class="layui-nav-child">-->
            <#--<dd><a href="javascript:;" href-url="demo/404.html"><i class="layui-icon"></i>客户明细</a></dd>-->
            <#--<dd><a href="javascript:;" href-url="demo/404.html"><i class="layui-icon"></i>帮助解决</a></dd>-->
            <#--</dl>-->
            <#--</li>-->
            <#--</ul>-->

        </div>
    </div>
    <!-- body -->
    <div class="layui-body my-body" style="top:61px;">
        <div class="layui-tab layui-tab-card my-tab" lay-filter="card" lay-allowClose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="1"><a onclick="history.go(-1)"><i class="layui-icon">&#xe638;</i>首页</a></li>
                <#--<a href="${base}/comUser/index.html"><li class="layui-this" lay-id="1"><span><i class="layui-icon">&#xe638;</i>首页</span></li></a>-->
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe id="iframe" src="${base}/comCar/welcome.html" frameborder="0"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="layui-footer my-footer" style="text-align: center;font: '微软雅黑';font-size: 12px;">

    </div>
</div>
<!-- 右键菜单 -->
<div class="my-dblclick-box none">
    <table class="layui-tab dblclick-tab">
        <tr class="card-refresh">
            <td><i class="layui-icon">&#x1002;</i>刷新当前标签</td>
        </tr>
        <tr class="card-close">
            <td><i class="layui-icon">&#x1006;</i>关闭当前标签</td>
        </tr>
        <tr class="card-close-all">
            <td><i class="layui-icon">&#x1006;</i>关闭所有标签</td>
        </tr>
    </table>
</div>


<script type="text/javascript" src="${base}/frame/layui/layui.js"></script>
<script type="text/javascript" src="${base}/frame/static/js/vip_comm.js"></script>
<script language="javascript">
    $.ajax({
        type: "POST", //提交方式
        url: "${base}/comUser/findMenu",//路径
        data: {username: $("#username").val(), password: $("#userpwd").val()},
        success: function (data) {//返回数据根据结果进行相应的处理
            data = JSON.stringify(data);

            //把后台查出的用户所有信息转成json对象  包括用户角色 和角色所拥有的菜单
            var dataJson = JSON.parse(data);
            //右上角角色
            $("#roleId").append(dataJson.totalRole.roleName);
            //获取该角色的所有菜单
            var menu = dataJson.totalRole.totalMenuResourses;
            var pantid = [];

            var htm='';
            for (var i = 0; i < menu.length; i++) {
                //如果是父节点
                if (menu[i].menuLev == 1) {

                    $("#nav_list").append(
                            ' <li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon">&#xe606;</i>' + menu[i].menuName + '</a><ul class="layui-nav-child" id="' + menu[i].id + '" >'
                            +
                            '</ul></li>'
                    );
                    pantid.push(menu[i].id);
                }

            }
            //循环所有菜单
            for (var j = 0; j < menu.length; j++) {
                //循环所有父节点ID数组
                for (var k = 0; k < pantid.length; k++) {
                    //如果该次父节点循环 是该次菜单的 父节点
                    if (pantid[k] == menu[j].parentId) {
                        htm = document.getElementById(pantid[k]).innerHTML;
                        htm = htm +
                                ' <dd><a href="javascript:;" href-url="${base}/' + menu[j].menuUrl + '"><i class="layui-icon"></i>' + menu[j].menuName + '</a></dd>'
                        ;
                        document.getElementById(pantid[k]).innerHTML = htm;
                    }
                }
            }

        }
    });
</script>
</body>
</html>